<template>
    <el-dialog
        title="提示"
        :visible.sync="dialogStatus"
        width="300px"
        :close-on-click-modal="true"
        :before-close="closeDialog"
    >
        <div class="dialog-title" slot="title">{{infoData.storeName}}-收款码</div>
        <div class="dialog-body">
            <div class="qr-image">
                <img v-if="Object.keys(infoData).length > 0 && infoData.mchQrcode != ''" :src="infoData.mchQrcode" width="220" height="220" />
            </div>
            <div class="sn-code">
                SN:{{infoData.mchNo}}
            </div>
        </div>
  </span>
    </el-dialog>
</template>

<script>
export default {
    data(){
        return {
            dialogStatus:false,
            infoData:{},
        }
    },
    props:{},
    methods:{
        // 显示弹窗
        showDialog(item){
            this.dialogStatus = true;
            this.infoData = item;
        },
        // 关闭回调
        closeDialog(e){
            this.dialogStatus = false;
            this.infoData = {};
        },
    }
}
</script>

<style lang="less" scoped>
.dialog-body{
    .qr-image{
        height:220px;
        display:grid;
        justify-items:center;
    }
    .sn-code{
        font-size:14px;
        text-align:center;
    }
}
</style>
